<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Update 和 Enter 的使用</title>
	<script src="d3/d3.v3.min.js" charset="utf-8"></script>
	
</head>
<body>

<p></p>
<p></p>
<p></p>

</body>
<script type="text/javascript">

var dataset = [ 3 , 6 , 9 , 12 , 15 ];

//选择body中的p元素
var p = d3.select("body").selectAll("p");

//获取update部分
var update = p.data(dataset);

//获取enter部分
var enter = update.enter();

//update部分的处理：更新属性值
update.text(function(d){
    return "update " + d;
});

//enter部分的处理：添加元素后赋予属性值
enter.append("p")
    .text(function(d){
        return "enter " + d;
    });

</script>
</html>
